<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>哔哩图床</title>
  <link rel="stylesheet" href="css/lib/bootstrap-5.2.2.min.css">
  <link rel="stylesheet" href="css/lib/bootstrap-icons-1.9.1.css">
  <link rel="stylesheet" href="css/popup.css">
</head>
<body>
<div class="container" id="container">
  <div id="info" class="alert alert-info mt-3">
    <i class="bi-info-circle-fill me-2"></i>
    <span>仅供学习交流用途，请勿上传违规图片。</span>
  </div>
  <div class="card mt-3">
    <div class="card-header">
      <i class="bi-images me-2"></i>本地图片
    </div>
    <div class="card-body">
      <div class="input-group">
        <input type="file" class="form-control" id="in-img" accept="image/*">
        <button type="button" class="btn btn-outline-secondary" id="btn-paste">粘贴</button>
      </div>
      <div class="progress mt-3" id="pb-upload" style="display: none">
        <div class="progress-bar progress-bar-animated progress-bar-striped" role="progressbar"></div>
      </div>
    </div>
  </div>
  <div class="card mt-3" id="card-out">
    <div class="card-header">
      <i class="bi-braces-asterisk me-2"></i>原图直链
    </div>
    <a href="#">
      <img src="" class="card-img-top m-0 p-0" alt="缩略图" style="display: none;">
    </a>
    <div class="card-body">
      <div class="input-group">
        <span class="input-group-text" id="img-size">0.0M</span>
        <input type="text" id="in-url" class="form-control" placeholder="" value="">
        <button class="btn btn-outline-secondary" type="button" id="btn-check">检查</button>
      </div>
    </div>
  </div>
  <div class="card mt-3" id="card-history">
    <div class="card-header">
      <i class="bi-stack-overflow me-2"></i>历史记录
    </div>
    <div class="list-group list-group-flush">
      <a href="#" class="list-group-item list-group-item-action">展开……</a>
    </div>
  </div>
  <div class="mt-3 mb-3">
    <small class="text-muted text-nowrap">Copyright © 2022 nguaduot. All rights reserved.</small>
  </div>
</div>
<script src="js/lib/jquery-3.6.1.min.js"></script>
<script src="js/lib/bootstrap-5.2.2.bundle.min.js"></script>
<script src="js/popup-api.js"></script>
<script src="js/popup-util.js"></script>
<script src="js/popup.js"></script>
</body>
</html>